<template>
<div id="center2">
    <router-link to="/square">
        <div>
            <img src="../../../public/img/lun1.gif" alt="">
            <li>榜单广场</li>
        </div>
    </router-link>
    <router-link to="/calendar">
        <div>
            <img src="../../../public/img/lun2.gif" alt="">
            <li>演出日历</li>
        </div>
    </router-link>
    <div>
        <img src="../../../public/img/lun3.gif" alt="">
        <li>大戏将售.</li>
    </div>
    <div>
        <img src="../../../public/img/lun4.gif" alt="">
        <li>早鸟票</li>
    </div>
    <div>
        <img src="../../../public/img/lun5.gif" alt="">
        <li>脱口秀</li>
    </div>
</div>
</template>


<script>

export default {
    name:"Navigationbar",
}
</script>

<style scoped>
#center2{
    width: 100%;
    height: 0.7rem;
    display: flex;
    justify-content: space-around;
    align-items:center;
    font-size: 0.08rem;
}
#center2 img{
    width: 0.165rem;
    padding-bottom: 0.06rem
}
#center2 div{
    display: flex;
    flex-direction:column;
    align-items:center;
}
</style>
